<template>
  <div class="footer">
    <div class="footer-contain">
      <div>
        “Copyright © 1998-” “2020” “Tencent. All Rights Reserved.”
      </div>
      <div>
        <span>腾讯公司</span>
        <span class="footer-b">版权所有</span>
        <a class="footer-a" href="">关于我们</a>
        <a class="footer-a" href="">用户协议</a>
        <a class="footer-a" href="">问题反馈</a>
        <a class="footer-a" href="">腾讯网</a>
        <a class="footer-a" href="">服务协议</a>
        <a class="footer-a" href="">隐私政策</a>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.footer-contain {
  padding: 20px 0;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  color: #c5c5c5;
}
a {
  text-decoration: none;
}
.footer-a {
  margin-left: 0.5em;
  color: #c5c5c5;
}
.footer-b {
  margin-left: 0.5em;
  color: #c5c5c5;
}
.footer-a:hover{
  color: #58a6e7;
}
</style>
